<template>
<div id="sys-not" style="margin:30px;padding: 30px;border-radius: 10px;background-color:white">
  <div class="sys-out" style="margin: 30px">
    <el-descriptions v-for="item in notice" :key="item.id" border>
      <el-descriptions-item label="公告内容">
        {{item.noticeContent}}
      </el-descriptions-item>
      <el-descriptions-item ></el-descriptions-item>
      <el-descriptions-item ></el-descriptions-item>
      <br /> <!-- 这里添加换行 -->
      <el-descriptions-item label="发布时间">
        {{item.createTime}}
      </el-descriptions-item>
    </el-descriptions>
  </div>
</div>
</template>

<script>
export default{
    name: 'SystemNotice',
    data(){
        return{
            res:{
                message:'',
                code:'',
                data:''
            },
            notice:[
                {
                    id:'',
                    noticeContent:'',
                    createTime:''
                }
            ]
        }
    },
    created(){
        this.queryNotice();
    },
    methods:{
        queryNotice(){
            this.$axios.get("/notice/get").then((response)=>{
                this.res = response.data;
                this.notice = this.res.data;
            }).catch((response)=>{
                console.log(response);
            })
        }

    }
}
</script>

<style>

</style>
